import React from "react";
import { Timeline } from "antd";
import withMyHoc from "./Hoc";
import MyComponent from "./MyComponent";
import Button from "@/components/button/";

const MyCom = withMyHoc(MyComponent);

const App: React.FC = () => {
  const print = () => {
    console.log("print");
  };

  const consoleLog = () => {
    console.log("consoleLog");
  };
  return (
    <>
      <MyCom name="高阶组件" title="高阶组件用法" />
      <Button
        className="antd-button-radius"
        onClick={print}
        onMouseEnter={consoleLog}
      >
        Click
      </Button>
      <Timeline
        items={[
          {
            children: "Create a services site 2015-09-01"
          },
          {
            children: "Solve initial network problems 2015-09-01"
          },
          {
            children: "Technical testing 2015-09-01"
          },
          {
            children: "Network problems being solved 2015-09-01"
          }
        ]}
      />
    </>
  );
};
export default App;
